<template>
    <div>
        <el-table-column v-for="header in tableHeaderChildData" show-overflow-tooltip :key="header.id"
                         :label="header.label" :prop="header.prop" align="center">
            <el-table-column v-for="i in header.children" :key="i.id" show-overflow-tooltip :label="i.label"
                             :prop="i.prop" align="center">
                <table-header v-bind:tableHeaderChildData="i.children"></table-header>
            </el-table-column>
        </el-table-column>
    </div>
</template>

<script>
    /* eslint-disable no-console */
    export default {
        name: 'table-column',
        props: ['tableHeaderChildData']

    }
</script>

<style>

</style>